<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../lib/bootstrap/switch/bootstrap-switch.min.css">

    <script src="../lib/jquery/jquery-3.3.1.min.js"></script>
    <script src="../lib/bootstrap/js/bootstrap.js"></script>
    <script src="../lib/bootstrap/switch/bootstrap-switch.min.js"></script>
</head
>
<body>
<div id="map-switch">
        <input type="checkbox" name="mapswitch" value="点" checked="checked" value= '1'> 点
        <input type="checkbox" name="mapswitch" value="线" checked="checked"> 线
        <input type="checkbox" name="mapswitch" value="面"checked="checked"> 面
</div>
<script type="text/javascript">
    $('#map-switch input').change(function () {
        //var a= $(this).attr();
        if (this.checked ==true) {
            var value=$(this).val();
            switch(value)
            {
                case "点":

                    break;
                case "线":

                    break
                case "面":

                    break;
                default:
                    break;
            }
            //alert($(this).val());
        }
    });
</script>
</body>

</html>